<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            JSON:是一种数据格式，非常容易理解，
                 用途 客户端与服务端之间进行数据传递，客户端可以发送json格式的数据
                      到服务端，服务端也可以响应给客户端json格式的数据

            首先是一个大括号，在大括号里面就是键值对组成的
            {
                key:value
                key:value
                key:value
                key:value

            }
             {
                "username":"zhangsan"
                "age":"22"
                "gender":"男"
                "hobby":"篮球，足球"

            }
            总结：jason的数据格式是javascript内置的，可以和jsvascript的对象互相转换，
                  注意的是json格式的数据的key是需要加双引号的

         */
         //1.创建一个json格式的字符串
         const jsonStr = '{"username":"张三","age":"22"}'

         //2.创建以恶搞js对象
         const obj = {
             username:"张三",
             age:20,
             gender:"男",
             hobby:"足球，篮球"
         }

         //3.可以把js对象转换成json格式的字符串吗？
         console.log(obj)
         console.log(obj.username)
         const ObjStr = JSON.stringify(obj)
         console.log(ObjStr)
         console.log(ObjStr.username)       //只有对象才能通过 . 取值

         console.log("-------------")
         
         //4.可以把json格式的字符串转换成js对象吗？
         console.log(jsonStr)
         const jsonObj = JSON.parse(jsonStr)
         console.log(jsonObj.username)
         console.log(jsonObj)

    </script>
</body>
</html>